<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html</title>
    <!-- <link rel="stylesheet" href="style.css"/> -->
    <!-- <script src="index.js"></script> -->
    <script>
        console.log(11111);
    </script>

    <style>
        .container{
            width: 200px;
            height: 200px;
            border: 1px solid black;
        }
        
        #test{
            background-color: red;
        }

    </style>
</head>

<body>
    <!-- <div class="container" id="test" >
    <span class="font"></span>
    半圆学社
    <pre>
        <code>
        .font{
            font-size: 20px;
            color: green;
        }
        </code>
    </pre>
    </div> -->
<!-- <div>
    <div class="container">
    123123
    </div>
    <span>
        123

    </span>
</div> -->

<!-- 超链接 -->
<!-- <a href="https://www.baidu.com" target="_blank">baidu</a> -->

<!-- 跳到C8 -->
<!-- <a href="#C8">跳到</a>
<h2>1</h2>
<p>this is banyuan collage of IT education</p>
<h2>2</h2>
<p>this is banyuan collage of IT education</p>
<h2>3</h2>
<p>this is banyuan collage of IT education</p>
<h2>4</h2>
<p>this is banyuan collage of IT education</p>
<h2>5</h2>
<p>this is banyuan collage of IT education</p>
<h2><a name="C8">8</h2>
<p>this is banyuan collage of IT education</p>
<h2>7</h2>
<p>this is banyuan collage of IT education</p>
<h2>8</h2>
<p>this is banyuan collage of IT education</p> -->

<!-- 选择 -->
<!-- <select name="" id="">
    <option value="1">男</option>
    <option value="0">女</option>
</select> -->

<!-- 按钮 （onclick 事件 "console.log(1)" 打印1） -->
<!-- <button onclick="console.log(1)">test</button> -->

<!-- <img src="" alt=""> -->

<!-- 输入框 -->
<!-- 用户名：<input type="text" placeholder="请输入" name="username" autocomplete="off"/> -->

<!-- 段落 -->
<!-- <p>this is banyuan collage of IT education</p> -->

<!-- <div>
    this is banyuan collage of IT education<br/>
    this is banyuan collage of IT education
</div> -->

<!-- 无序列表 -->
<!-- <ul>
    <li>1</li>
    <li>2</li>
</ul>

有序列表
<ol>
    <li>1</li>
    <li>2</li>
</ol> -->

<!-- 自定义列表 -->
<!-- <dl>
    <dt>标题1</dt>
    <dd>内容1</dd>
</dl>

<dl>
    <dt>标题2</dt>
    <dd>内容2</dd>
</dl> -->

<!-- <ul>
    <li>咖啡</li>
    <li>茶 
        <ul>
        <li>红茶</li>
        <li>绿茶</li>
    </ul></li>
    <li>牛奶</li>
</ul> -->

<!-- 音频 -->
<!-- controls 控制器 -->
<!-- loop 循环 -->
<!-- autoplay 自动播放(大部分被禁用了) -->
<!-- <audio src="" controls ></audio> -->

<!-- 视频 -->
<!-- controls 控制器 -->
<!-- loop 循环 -->
<!-- muted 禁音 -->
<!-- <video src="" controls autoplay muted></video> -->

</body>
</html>